<template>
	<view class="pb120">

		 <u-sticky>
			<view class="w720 mg15 d-warp fts26" >
				<view class="w300 mg15 border_1_999999 pd14 br5">
					<picker mode="selector" range-key="typeName" :range="deviceTypeList" @change="onPickerChange">
						<view>{{selectedItem}}</view>
					</picker>
				</view>
				<view class="w300 mg15 border_1_999999 pd14 br5">
					<picker mode="selector" range-key="equiName" :range="equipList" @change="onEquiPickerChange">
						<view>{{selectedEquipItem}}</view>
					</picker>
				</view>
			</view>
		</u-sticky>
	
		
	
		<view class="w720 mg15 d-col">
			
			<view v-for="(item, index) in lists" :key="index" class="w660 mg10 border_1_333333 br30 pd20"
				@click="changeInfo(item)">
				<view class="d-bt">
					<view class="w150 h150">
						<image style="width: 150rpx; height: 150rpx;" :src="item.deviceImg"></image>
					</view>
					<view class="w510 ml10 d-col">
						<view class="fts24">名称：{{ item.deviceName }}</view>
						<view class="fts24 mt10">规格：{{ item.deviceSpec }}</view>
						<view class="fts24 mt10">类型：{{ item.typeName }}</view>
						<view class="fts24 mt10">设备：{{ item.equiCode }}（{{item.equiAddress}}）</view>
					</view>
				</view>
			</view>
			<view v-show="nodata == true" class="w660 mg10 br30 pd20 fts28" style="text-align: center;" >
				暂无数据
			</view>
		</view>
	</view>
</template>
<script>
	import mixin from "./mixin";
	import mixinCom from "@/utils/mixinCom.js";
	export default {
	
		name: "tabbarIndex",
		mixins: [mixin, mixinCom],
		
	}
</script>

<style lang="scss" scoped>
	@import './index.scss';
</style>